// 把其它平台元素跟nvue元素设置一样的特性
/* #ifndef APP-PLUS-NVUE */
view,input,image,scroll-view,swiper,swiper-item,text,textarea,video{
	position: relative;
	box-sizing: border-box;
}
text{
	line-height: 100%;
}
image{
	display: inline-block;
}
/* #endif */

@font-face {
  font-family: 'tpf-iconfont';  /* project id 2355434 */
  src: url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.eot');
  src: url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2355434_q77jwdmovdd.svg#tpf-iconfont') format('svg');
}

.tpf-iconfont {
  font-family: "tpf-iconfont" !important;
  font-size: 16px;
  font-style: normal;
  /* #ifndef APP-NVUE */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* #endif */
}


.flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
}
.flex-l{flex-direction:row;}
.flex-v{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-row-wrap{flex-flow:row wrap;}
.flex-1{flex:1;}
.flex-align-center{align-items:center;}
.flex-align-bottom{align-items:flex-end;}
.flex-pack-center{justify-content:center;}
.flex-pack-justify{justify-content:space-between;}
// #ifndef APP-PLUS-NVUE
.flex-pack-evenly{justify-content:space-evenly;}
// #endif
.flex-pack-around{justify-content:space-around;}
.tpf-iconfont{font-family:tpf-iconfont;font-size: 36rpx;}
.text-center{text-align: center;}
.tpf-empty-data{width: 750rpx;}
.tpf-empty-data-image{width:460rpx;}
.tpf-nav-bar {
	/* #ifndef APP-PLUS-NVUE */
	z-index: 10000;
	/* #endif */
	position: absolute;top: 0;left: 0;right: 0;}
.tpf-nav-bar-bg-img{
	position: absolute;
	top: 0;right: 0;left: 0;
	width: 750rpx;
}
.tpf-nav-bar-bg-color {
	position: absolute;
	top: 0;right: 0;left: 0;
	width: 750rpx;
	height: 400rpx;
	transition-property: background-color;
	transition-duration: 0.5s;
}
.tpf-nav-bar-placeholder{width: 750rpx;position: relative;}
.tpf-page-scroll {position: absolute;top: 0;right: 0;bottom: 0;	left: 0;}
.tpf-container{
	background-color: #f8f8f8;
	font-size: 28rpx;
	color: #333333;
	flex-direction: column;
	align-items: center;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
}

.tpf-page {
	 @extend .tpf-container;
	/* #ifdef H5 */
	min-height: calc(100vh - var(--window-top) - var(--window-bottom));
	/* #endif */
	
	// #ifndef H5
	min-height: 100vh;
	// #endif
	
}

.tpf-fixed-page {
    @extend .tpf-container;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tpf-abs-page{
	@extend .tpf-container;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}